import Vue from "vue";

import VueRouter from "vue-router";

Vue.use(VueRouter);

import Home from "../components/Home.vue";
import Login from "../components/Login.vue";

const router = new VueRouter({
  routes: [
    { path: "/", redirect: "/login" },
    {
      path: "/home",
      component: Home,
      name: "home",
    },
    {
      path: "/login",
      component: Login,
      name: "login",
    },
  ],
});

//全局路由导航守卫
router.beforeEach((to, from, next) => {
  // 1 判断用户是否登录 ? 如果用户没有登录 那么 用户不去登录页面  引导用户去登录 (跳转到登录页面)  如果用户本身就去登录了 直接放行
  //    如果用户登录了 那么  用户可以去到任何想去的页面 (放行)

  let isLogin = JSON.parse(localStorage.getItem("myToken")) || false;

  if (isLogin) {
    // isLogin 为真 则表示登录了
    next();
  } else {
    if (to.path != "/login") {
      next({ path: "/login" });
    } else {
      next();
    }
  }
});

export default router;
